$(document).ready(function () {
    backTop();
    back();
});

//自定义一个函数，实现功能返回顶部
function backTop() {
    // 1、初始状态下，隐藏回到顶部的内容
    $(".back_top").hide();
    // 2、当滚动到某一程度时，显示回到顶部的内容
    $(window).scroll(function () {
        var top = $(this).scrollTop();
        if (top > 500) {
            $(".back_top").show(0, function () {
                $(this).css("100%");
            });
        } else {
            $(".back_top").hide();
        }
    });
    // 3、单击回到顶部，实现回到顶部的功能
    $(".back_top").click(function (e) {
        e.preventDefault();
        $("html").animate({ scrollTop: 0 });
    });

}

function back() {
    // 1、初始状态下，隐藏回到顶部的内容
    $(".top").hide();
    // 2、当滚动到某一程度时，显示回到顶部的内容
    $(window).scroll(function () {
        var top = $(this).scrollTop();
        if (top > 500) {
            $(".top").show(0, function () {
                $(this).css("100%");
            });
        } else {
            $(".top").hide();
        }
    });
}

function tabChange() {
    // 1、初始状态下，span添加当前的激活项，body隐藏其他选项
    var i = 0;
    $("feature-header>span").eq(i).addClass("active");
    $(".feature-body").eq(i).siblings().hide();
    // 2、鼠标经过事件
    $("feature-header>span").mouseover(function () {
        var i = $("feature-header>span").index(this);
        // 更改span的激活项
        $("feature-header>span")
            .eq(i)
            .addClass("active")
            .siblings()
            .removeClass("active");
        // 更改body的显示项
        $("feature-body")
            .eq(i)
            .show()
            .siblings()
            .hide();
    });
}

function canvas() {
    console.log($(".banner>.content").height());
    // $("#canvas").height($(".banner>.content").height());
    $("#canvas").attr("height", $(".banner>.content").height());
    $("#canvas").attr("width", $(".banner>.content").width());
    $("#canvas").css("margin-left", -$(".banner>.content").width() / 2);
}